<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>L'OCCITANE 欧舒丹</title>
    <link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../css/header2.css">
	<link rel="stylesheet" href="../css/goodsdetail.css">
	<link rel="stylesheet" href="../css/bottom.css">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <link rel="shortcut icon" href="../img/favicon.ico">
</head>
<body>
  <div class="wrap">
    <div class="top"></div>
    <div class="_header"></div>
    <div class="bg_small">
        <div class="small public">
            首页 >
        </div>
    </div>
    <div class="bg_content">
        <div class="content public">
            <div class="img pullleft">
                <div class="big">
                    <div class="big_wrap">
                            <ul class="big1">
                                    <li><img src="" alt=""></li>
                                </ul>
                                <div class="shadow_1"></div>
                    </div>

                    <ul class="big2">
                        <li><img src="" alt=""></li>
                    </ul>
                </div>
                <div class="small_img">
                    <!-- <div class="prev"><</div>
                    <div class="next">></div> -->
                    <ul>
                        <!-- <li><img src="../img/goodlist/pic1.jpg" alt=""></li>
                        <li><img src="../img/goodlist/pic2.jpg" alt=""></li>
                        <li><img src="../img/goodlist/pic3.jpg" alt=""></li>
                        <li><img src="../img/goodlist/pic4.jpg" alt=""></li> -->
                    </ul>
                </div>
            </div>
            <div class="info pullright">
                <h1>title</h1>
                <div class="price">price</div>
                <p><span style="font-size:12px;">全程任意购买限时包邮</span><span style="margin-left:544px;font-size:12px;">查看优惠规则+</span></p>
                <span class="detail">detail</span>
                <div class="count"><span class="reduce pointer">-</span><input type="text" name="" id="" value=1><span class="add pointer">+</span></div>
                <input type="button" value="立即购买" class="buy">
                <input type="button" value="加入购物袋" class="shopping">
            </div>
        </div>
    </div>
    <div class="bg_list">
            <div class="list public">
                <ul>
                    <li><a href="">L'OCCITANE基金会</a></li>
                    <li><a href="">L'OCCITANE全球网站</a></li>
                    <li><a href="">服务条款</a></li>
                    <li><a href="">隐私条款</a></li>
                </ul>
                <div> 沪公网安备 31010602002123号   ICP备案序号:沪ICP备09095206号-4号   普罗旺斯欧舒丹贸易（上海）有限公司 版权所有 @2017 2019</div>
            </div>
        </div>
        <div class="bg_bottom">
            <div class="bottom public"></div>
        </div>   
  </div>  
</body>
<script>
    $("._header").load("header.html",function(){
		$.getScript("../js/header.js")
	})
	$(".bottom").load("bottom.html",function(){
		$.getScript("../js/bottom.js")
    })
    </script>
    <script src="../js/goodsdetail.js"></script>
</html>